<template>
	<view class="container">
		<view class="item" @tap="toPage(1)">
			<view class="item-inner">
				<view class="item-left">
					<view class="item-left-title">物管申请</view>
					<view class="item-left-desc u-line-2">物管申请物管申请物管申请</view>
				</view>
				<image class="item-icon" :src="resBaseUrl + '/special-icon1.png'" mode="aspectFit"></image>
			</view>
		</view>
		<view class="item" @tap="toPage(2)">
			<view class="item-inner">
				<view class="item-left">
					<view class="item-left-title">住户登记</view>
					<view class="item-left-desc u-line-2">住户登记住户登记住户登记住户登记</view>
				</view>
				<image class="item-icon" :src="resBaseUrl + '/special-icon1.png'" mode="aspectFit"></image>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'manage',
	data() {
		return {
			resBaseUrl: 'https://qiniu.chinascope.com/bankplatform/clue/mobile/assets'
		};
	},
	methods: {
		toPage(type) {
			let url = type == 1 ? '/pages/manage/apply' : '/pages/manage/register';
			uni.$u.route(url, {
				type
			});
		}
	}
};
</script>

<style lang="scss" scoped>
.container {
	padding: 0 32rpx;
	.item {
		padding: 20rpx 0;
		&-inner {
			padding: 0 60rpx 0 48rpx;
			width: 100%;
			height: 232rpx;
			background: linear-gradient(154deg, #d3e9fb 0%, #e7ebef 100%);
			border-radius: 16rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		&-left {
			width: 364rpx;
			display: flex;
			flex-direction: column;
			&-title {
				font-size: 40rpx;
				font-family: HarmonyOS_Sans_SC_Black;
				color: #094167;
				line-height: 58rpx;
				letter-spacing: 3px;
				font-weight: bold;
			}
			&-desc {
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: rgba(9, 65, 103, 0.6);
				line-height: 34rpx;
			}
		}
		&-icon {
			width: 160rpx;
			height: 160rpx;
		}

		&-inner-green {
			background: linear-gradient(154deg, #d2f0cf 0%, #ebf5ea 100%);
			.item-left-title {
				color: #2f432d;
			}
			.item-left-desc {
				color: #364c33;
			}
		}
	}
}
</style>
